
<!-- Theme JS files -->
<script type="text/javascript" src="../../assets/js/core/libraries/jquery_ui/core.min.js"></script>
<script type="text/javascript" src="../../assets/js/plugins/forms/selects/selectboxit.min.js"></script>
<script type="text/javascript" src="../../assets/js/plugins/forms/styling/uniform.min.js"></script>

<!-- tags_input -->
<script type="text/javascript" src="../../assets/js/plugins/forms/tags/tagsinput.min.js"></script>
<script type="text/javascript" src="../../assets/js/plugins/forms/tags/tokenfield.min.js"></script>
<script type="text/javascript" src="../../assets/js/plugins/ui/prism.min.js"></script>
<script type="text/javascript" src="../../assets/js/plugins/forms/inputs/typeahead/typeahead.bundle.min.js"></script>

<!-- radio & checkbox -->
<script type="text/javascript" src="../../assets/js/plugins/forms/styling/uniform.min.js"></script>
<script type="text/javascript" src="../../assets/js/plugins/forms/styling/switchery.min.js"></script>
<script type="text/javascript" src="../../assets/js/plugins/forms/styling/switch.min.js"></script>


<script type="text/javascript" src="../../assets/js/core/app.js"></script>
<script type="text/javascript" src="../../assets/js/pages/form_selectbox.js"></script>
<!-- /theme JS files -->

<div>

    <!-- Main navbar -->
    <div class="navbar navbar-inverse">
        <div class="navbar-collapse collapse" id="navbar-mobile">
            <ul class="nav navbar-nav">
                <li>
                    <a class="sidebar-control sidebar-main-toggle hidden-xs">
                        <i class="icon-paragraph-justify3"></i>
                    </a>
                </li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-git-compare"></i>
                        <span class="visible-xs-inline-block position-right">Git updates</span>
                        <span class="badge bg-warning-400">9</span>
                    </a>

                    <div class="dropdown-menu dropdown-content">
                        <div class="dropdown-content-heading">
                            Git updates
                            <ul class="icons-list">
                                <li><a href="#"><i class="icon-sync"></i></a></li>
                            </ul>
                        </div>

                        <ul class="media-list dropdown-content-body width-350">
                            <li class="media">
                                <div class="media-left">
                                    <a href="#" class="btn border-primary text-primary btn-flat btn-rounded btn-icon btn-sm"><i class="icon-git-pull-request"></i></a>
                                </div>

                                <div class="media-body">
                                    Drop the IE <a href="#">specific hacks</a> for temporal inputs
                                    <div class="media-annotation">4 minutes ago</div>
                                </div>
                            </li>

                            <li class="media">
                                <div class="media-left">
                                    <a href="#" class="btn border-warning text-warning btn-flat btn-rounded btn-icon btn-sm"><i class="icon-git-commit"></i></a>
                                </div>

                                <div class="media-body">
                                    Add full font overrides for popovers and tooltips
                                    <div class="media-annotation">36 minutes ago</div>
                                </div>
                            </li>

                            <li class="media">
                                <div class="media-left">
                                    <a href="#" class="btn border-info text-info btn-flat btn-rounded btn-icon btn-sm"><i class="icon-git-branch"></i></a>
                                </div>

                                <div class="media-body">
                                    <a href="#">Chris Arney</a> created a new <span class="text-semibold">Design</span> branch
                                    <div class="media-annotation">2 hours ago</div>
                                </div>
                            </li>

                            <li class="media">
                                <div class="media-left">
                                    <a href="#" class="btn border-success text-success btn-flat btn-rounded btn-icon btn-sm"><i class="icon-git-merge"></i></a>
                                </div>

                                <div class="media-body">
                                    <a href="#">Eugene Kopyov</a> merged <span class="text-semibold">Master</span> and <span class="text-semibold">Dev</span> branches
                                    <div class="media-annotation">Dec 18, 18:36</div>
                                </div>
                            </li>

                            <li class="media">
                                <div class="media-left">
                                    <a href="#" class="btn border-primary text-primary btn-flat btn-rounded btn-icon btn-sm"><i class="icon-git-pull-request"></i></a>
                                </div>

                                <div class="media-body">
                                    Have Carousel ignore keyboard events
                                    <div class="media-annotation">Dec 12, 05:46</div>
                                </div>
                            </li>
                        </ul>

                        <div class="dropdown-content-footer">
                            <a href="#" data-popup="tooltip" title="All activity"><i class="icon-menu display-block"></i></a>
                        </div>
                    </div>
                </li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-people"></i>
                        <span class="visible-xs-inline-block position-right">Users</span>
                    </a>

                    <div class="dropdown-menu dropdown-content">
                        <div class="dropdown-content-heading">
                            Users online
                            <ul class="icons-list">
                                <li><a href="#"><i class="icon-gear"></i></a></li>
                            </ul>
                        </div>

                        <ul class="media-list dropdown-content-body width-300">
                            <li class="media">
                                <div class="media-left"><img src="../../assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></div>
                                <div class="media-body">
                                    <a href="#" class="media-heading text-semibold">Jordana Ansley</a>
                                    <span class="display-block text-muted text-size-small">Lead web developer</span>
                                </div>
                                <div class="media-right media-middle"><span class="status-mark border-success"></span></div>
                            </li>

                            <li class="media">
                                <div class="media-left"><img src="../../assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></div>
                                <div class="media-body">
                                    <a href="#" class="media-heading text-semibold">Will Brason</a>
                                    <span class="display-block text-muted text-size-small">Marketing manager</span>
                                </div>
                                <div class="media-right media-middle"><span class="status-mark border-danger"></span></div>
                            </li>

                            <li class="media">
                                <div class="media-left"><img src="../../assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></div>
                                <div class="media-body">
                                    <a href="#" class="media-heading text-semibold">Hanna Walden</a>
                                    <span class="display-block text-muted text-size-small">Project manager</span>
                                </div>
                                <div class="media-right media-middle"><span class="status-mark border-success"></span></div>
                            </li>

                            <li class="media">
                                <div class="media-left"><img src="../../assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></div>
                                <div class="media-body">
                                    <a href="#" class="media-heading text-semibold">Dori Laperriere</a>
                                    <span class="display-block text-muted text-size-small">Business developer</span>
                                </div>
                                <div class="media-right media-middle"><span class="status-mark border-warning-300"></span></div>
                            </li>

                            <li class="media">
                                <div class="media-left"><img src="../../assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></div>
                                <div class="media-body">
                                    <a href="#" class="media-heading text-semibold">Vanessa Aurelius</a>
                                    <span class="display-block text-muted text-size-small">UX expert</span>
                                </div>
                                <div class="media-right media-middle"><span class="status-mark border-grey-400"></span></div>
                            </li>
                        </ul>

                        <div class="dropdown-content-footer">
                            <a href="#" data-popup="tooltip" title="All users"><i class="icon-menu display-block"></i></a>
                        </div>
                    </div>
                </li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-bubbles4"></i>
                        <span class="visible-xs-inline-block position-right">Messages</span>
                        <span class="badge bg-warning-400">2</span>
                    </a>

                    <div class="dropdown-menu dropdown-content width-350">
                        <div class="dropdown-content-heading">
                            Messages
                            <ul class="icons-list">
                                <li><a href="#"><i class="icon-compose"></i></a></li>
                            </ul>
                        </div>

                        <ul class="media-list dropdown-content-body">
                            <li class="media">
                                <div class="media-left">
                                    <img src="../../assets/images/placeholder.jpg" class="img-circle img-sm" alt="">
                                    <span class="badge bg-danger-400 media-badge">5</span>
                                </div>

                                <div class="media-body">
                                    <a href="#" class="media-heading">
                                        <span class="text-semibold">James Alexander</span>
                                        <span class="media-annotation pull-right">04:58</span>
                                    </a>

                                    <span class="text-muted">who knows, maybe that would be the best thing for me...</span>
                                </div>
                            </li>

                            <li class="media">
                                <div class="media-left">
                                    <img src="../../assets/images/placeholder.jpg" class="img-circle img-sm" alt="">
                                    <span class="badge bg-danger-400 media-badge">4</span>
                                </div>

                                <div class="media-body">
                                    <a href="#" class="media-heading">
                                        <span class="text-semibold">Margo Baker</span>
                                        <span class="media-annotation pull-right">12:16</span>
                                    </a>

                                    <span class="text-muted">That was something he was unable to do because...</span>
                                </div>
                            </li>

                            <li class="media">
                                <div class="media-left"><img src="../../assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></div>
                                <div class="media-body">
                                    <a href="#" class="media-heading">
                                        <span class="text-semibold" ng-bind="accountName">{{accountName}}</span>
                                        <span class="media-annotation pull-right">22:48</span>
                                    </a>

                                    <span class="text-muted">But that would be extremely strained and suspicious...</span>
                                </div>
                            </li>

                            <li class="media">
                                <div class="media-left"><img src="../../assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></div>
                                <div class="media-body">
                                    <a href="#" class="media-heading">
                                        <span class="text-semibold">Beatrix Diaz</span>
                                        <span class="media-annotation pull-right">Tue</span>
                                    </a>

                                    <span class="text-muted">What a strenuous career it is that I've chosen...</span>
                                </div>
                            </li>

                            <li class="media">
                                <div class="media-left"><img src="../../assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></div>
                                <div class="media-body">
                                    <a href="#" class="media-heading">
                                        <span class="text-semibold">Richard Vango</span>
                                        <span class="media-annotation pull-right">Mon</span>
                                    </a>

                                    <span class="text-muted">Other travelling salesmen live a life of luxury...</span>
                                </div>
                            </li>
                        </ul>

                        <div class="dropdown-content-footer">
                            <a href="#" data-popup="tooltip" title="All messages"><i class="icon-menu display-block"></i></a>
                        </div>
                    </div>
                </li>

                <li class="dropdown dropdown-user">
                    <a class="dropdown-toggle" data-toggle="dropdown">
                        <img src="../../assets/images/placeholder.jpg" alt="">
                        <span ng-bind="editUser.accountName">{{editUser.accountName}}</span>
                        <i class="caret"></i>
                    </a>

                    <ul class="dropdown-menu dropdown-menu-right">
                        <li><a href="#"><i class="icon-user-plus"></i> My profile</a></li>
                        <li><a href="#"><i class="icon-coins"></i> My balance</a></li>
                        <li><a href="#"><span class="badge badge-warning pull-right">58</span> <i class="icon-comment-discussion"></i> Messages</a></li>
                        <li class="divider"></li>
                        <li><a href="#"><i class="icon-cog5"></i> Account settings</a></li>
                        <li><a href="#/login"><i class="icon-switch2"></i> Logout</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- /main navbar -->

    <div class="page-container">

        <!-- Page content -->

        <div class="page-content">

    <!-- Main content -->
    <div class="content-wrapper">

        <!-- Page header -->
        <div class="page-header">
            <div class="page-header-content">
                <div class="page-title">
                    <h4><i class="icon-arrow-left52 position-left" ng-click="returnCenter()"></i><span class="text-semibold" ng-bind="editUser.accountName">{{editUser.accountName}}</span> - 编辑</h4>
                </div>

                <div class="heading-elements">
                     <button type="button" class="btn btn-primary" ng-click="submitEditUser()">Submit <i class="icon-arrow-right14 position-right"></i></button>

                    <!--
                    <div class="heading-btn-group">
                        <a href="#" class="btn btn-link btn-float has-text"><i class="icon-bars-alt text-primary"></i><span>Statistics</span></a>
                        <a href="#" class="btn btn-link btn-float has-text"><i class="icon-calculator text-primary"></i> <span>Invoices</span></a>
                        <a href="#" class="btn btn-link btn-float has-text"><i class="icon-calendar5 text-primary"></i> <span>Schedule</span></a>
                    </div>
                    -->
                </div>
            </div>

            <div class="breadcrumb-line">
                <ul class="breadcrumb">
                    <li ng-click="gotoPhotoStart()"><i class="icon-home2 position-left"></i>首页</li>
                    <li ng-click="returnCenter()">个人中心</li>
                    <li class="active">编辑页</li>
                </ul>

                <ul class="breadcrumb-elements">
                    <li><a href="#"><i class="icon-comment-discussion position-left"></i> Support</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-gear position-left"></i>
                            Settings
                            <span class="caret"></span>
                        </a>

                        <ul class="dropdown-menu dropdown-menu-right">
                            <li><a href="#"><i class="icon-user-lock"></i> Account security</a></li>
                            <li><a href="#"><i class="icon-statistics"></i> Analytics</a></li>
                            <li><a href="#"><i class="icon-accessibility"></i> Accessibility</a></li>
                            <li class="divider"></li>
                            <li><a href="#"><i class="icon-gear"></i> All settings</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- /page header -->


        <!-- Content area -->
        <div class="content">

            <div class="col-md-6">

                <!-- Basic layout-->
                <!--
                <form action="#" class="form-horizontal">
                    <div class="panel panel-flat">
                        <div class="panel-heading">
                            <h5 class="panel-title">Basic layout</h5>
                            <div class="heading-elements">
                                <ul class="icons-list">
                                    <li><a data-action="collapse"></a></li>
                                    <li><a data-action="reload"></a></li>
                                    <li><a data-action="close"></a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="panel-body">
                            <div class="form-group">
                                <label class="col-lg-3 control-label">Name:</label>
                                <div class="col-lg-9">
                                    <input type="text" class="form-control" placeholder="Eugene Kopyov">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Password:</label>
                                <div class="col-lg-9">
                                    <input type="password" class="form-control" placeholder="Your strong password">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Your state:</label>
                                <div class="col-lg-9">
                                    <select class="select">
                                        <optgroup label="Alaskan/Hawaiian Time Zone">
                                            <option value="AK">Alaska</option>
                                            <option value="HI">Hawaii</option>
                                        </optgroup>
                                        <optgroup label="Pacific Time Zone">
                                            <option value="CA">California</option>
                                            <option value="NV">Nevada</option>
                                            <option value="WA">Washington</option>
                                        </optgroup>
                                        <optgroup label="Mountain Time Zone">
                                            <option value="AZ">Arizona</option>
                                            <option value="CO">Colorado</option>
                                            <option value="WY">Wyoming</option>
                                        </optgroup>
                                        <optgroup label="Central Time Zone">
                                            <option value="AL">Alabama</option>
                                            <option value="AR">Arkansas</option>
                                            <option value="KY">Kentucky</option>
                                        </optgroup>
                                        <optgroup label="Eastern Time Zone">
                                            <option value="CT">Connecticut</option>
                                            <option value="DE">Delaware</option>
                                            <option value="FL">Florida</option>
                                        </optgroup>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Gender:</label>
                                <div class="col-lg-9">
                                    <label class="radio-inline">
                                        <input type="radio" class="styled" name="gender" checked="checked">
                                        Male
                                    </label>

                                    <label class="radio-inline">
                                        <input type="radio" class="styled" name="gender">
                                        Female
                                    </label>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Your avatar:</label>
                                <div class="col-lg-9">
                                    <input type="file" class="file-styled">
                                    <span class="help-block">Accepted formats: gif, png, jpg. Max file size 2Mb</span>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Tags:</label>
                                <div class="col-lg-9">
                                    <select multiple="multiple" data-placeholder="Enter tags" class="select-icons">
                                        <optgroup label="Services">
                                            <option value="wordpress2" data-icon="wordpress2">Wordpress</option>
                                            <option value="tumblr2" data-icon="tumblr2">Tumblr</option>
                                            <option value="stumbleupon" data-icon="stumbleupon">Stumble upon</option>
                                            <option value="pinterest2" data-icon="pinterest2">Pinterest</option>
                                            <option value="lastfm2" data-icon="lastfm2">Lastfm</option>
                                        </optgroup>
                                        <optgroup label="File types">
                                            <option value="pdf" data-icon="file-pdf">PDF</option>
                                            <option value="word" data-icon="file-word">Word</option>
                                            <option value="excel" data-icon="file-excel">Excel</option>
                                            <option value="openoffice" data-icon="file-openoffice">Open office</option>
                                        </optgroup>
                                        <optgroup label="Browsers">
                                            <option value="chrome" data-icon="chrome" selected="selected">Chrome</option>
                                            <option value="firefox" data-icon="firefox" selected="selected">Firefox</option>
                                            <option value="safari" data-icon="safari">Safari</option>
                                            <option value="opera" data-icon="opera">Opera</option>
                                            <option value="IE" data-icon="IE">IE</option>
                                        </optgroup>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Your message:</label>
                                <div class="col-lg-9">
                                    <textarea rows="5" cols="5" class="form-control" placeholder="Enter your message here"></textarea>
                                </div>
                            </div>

                            <div class="text-right">
                                <button type="submit" class="btn btn-primary">Submit form <i class="icon-arrow-right14 position-right"></i></button>
                            </div>
                        </div>
                    </div>
                </form>
                -->
                <!-- /basic layout -->

            </div>

            <div class="col-md-6">

                <!-- Static mode -->
                <!--
                <form class="form-horizontal" action="#">
                    <div class="panel panel-flat">
                        <div class="panel-heading">
                            <h5 class="panel-title">Static mode</h5>
                            <div class="heading-elements">
                                <ul class="icons-list">
                                    <li><a data-action="collapse"></a></li>
                                    <li><a data-action="reload"></a></li>
                                    <li><a data-action="close"></a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="panel-body">
                            <div class="form-group">
                                <label class="col-lg-3 control-label">Name:</label>
                                <div class="col-lg-9">
                                    <div class="form-control-static">Eugene Kopyov</div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Password:</label>
                                <div class="col-lg-9">
                                    <input type="password" class="form-control" readonly="readonly" value="********">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Your state:</label>
                                <div class="col-lg-9">
                                    <select class="select" disabled="disabled">
                                        <optgroup label="Alaskan/Hawaiian Time Zone">
                                            <option value="AK">Alaska</option>
                                            <option value="HI">Hawaii</option>
                                        </optgroup>
                                        <optgroup label="Pacific Time Zone">
                                            <option value="CA">California</option>
                                            <option value="NV" selected="selected">Nevada</option>
                                            <option value="WA">Washington</option>
                                        </optgroup>
                                        <optgroup label="Mountain Time Zone">
                                            <option value="AZ">Arizona</option>
                                            <option value="CO">Colorado</option>
                                            <option value="WY">Wyoming</option>
                                        </optgroup>
                                        <optgroup label="Central Time Zone">
                                            <option value="AL">Alabama</option>
                                            <option value="AR">Arkansas</option>
                                            <option value="KY">Kentucky</option>
                                        </optgroup>
                                        <optgroup label="Eastern Time Zone">
                                            <option value="CT">Connecticut</option>
                                            <option value="DE">Delaware</option>
                                            <option value="FL">Florida</option>
                                        </optgroup>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Gender:</label>
                                <div class="col-lg-9">
                                    <label class="radio-inline disabled">
                                        <input type="radio" class="styled" name="gender" disabled="disabled" checked="checked">
                                        Male
                                    </label>

                                    <label class="radio-inline disabled">
                                        <input type="radio" class="styled" name="gender" disabled="disabled">
                                        Female
                                    </label>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Your avatar:</label>
                                <div class="col-lg-9">
                                    <div class="media no-margin-top">
                                        <div class="media-left">
                                            <a href="#"><img src="../../assets/images/placeholder.jpg" style="width: 58px; height: 58px;" class="img-rounded" alt=""></a>
                                        </div>

                                        <div class="media-body">
                                            <input type="file" class="file-styled">
                                            <span class="help-block">Accepted formats: gif, png, jpg. Max file size 2Mb</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Tags:</label>
                                <div class="col-lg-9">
                                    <select multiple="multiple" disabled="disabled" data-placeholder="Enter tags" class="select-icons">
                                        <optgroup label="Services">
                                            <option value="wordpress2" data-icon="wordpress2">Wordpress</option>
                                            <option value="tumblr2" data-icon="tumblr2">Tumblr</option>
                                            <option value="stumbleupon" data-icon="stumbleupon">Stumble upon</option>
                                            <option value="pinterest2" data-icon="pinterest2">Pinterest</option>
                                            <option value="lastfm2" data-icon="lastfm2">Lastfm</option>
                                        </optgroup>
                                        <optgroup label="File types">
                                            <option value="pdf" data-icon="file-pdf">PDF</option>
                                            <option value="word" data-icon="file-word">Word</option>
                                            <option value="excel" data-icon="file-excel">Excel</option>
                                            <option value="openoffice" data-icon="file-openoffice">Open office</option>
                                        </optgroup>
                                        <optgroup label="Browsers">
                                            <option value="chrome" data-icon="chrome" selected="selected">Chrome</option>
                                            <option value="firefox" data-icon="firefox" selected="selected">Firefox</option>
                                            <option value="safari" data-icon="safari">Safari</option>
                                            <option value="opera" data-icon="opera">Opera</option>
                                            <option value="IE" data-icon="IE">IE</option>
                                        </optgroup>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">Your message:</label>
                                <div class="col-lg-9">
                                    <div class="form-control-static">
                                        <p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment.</p>
                                    </div>
                                </div>
                            </div>

                            <div class="text-right">
                                <button type="submit" class="btn btn-primary">Submit form <i class="icon-arrow-right14 position-right"></i></button>
                            </div>
                        </div>
                    </div>
                </form>
                -->
                <!-- /static mode -->

            </div>
        </div>

            <!-- Advanced examples -->
            <div class="row">
                <div class="col-md-6">

                    <!-- Options manipulation -->
                    <div class="panel panel-flat">
                        <div class="panel-heading">
                            <h5 class="panel-title">基本信息（必填）</h5>
                           <div class="heading-elements">
                                <ul class="icons-list">
                                    <li><a data-action="collapse"></a></li>
                                    <li><a data-action="reload"></a></li>
                                    <li><a data-action="close"></a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="panel-body">

                            <!--
                            <div class="form-group">
                                <label class="control-label col-lg-2">用户名</label>
                                <div>
                                    <input type="text" class="form-control" readonly="readonly" value="editUser.accountName">
                                </div>
                            </div>
                            -->
                            <input type="hidden" ng-model="editUser.accountName" value="233">

                            <div class="form-group">
                                <label class="control-label col-lg-2">学校</label>
                                <div>
                                    <input type="text" class="form-control" ng-model="editUser.university">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-lg-2">出生日期</label>
                                <div>
                                    <input type="date" class="form-control">
                                </div>
                            </div>


                            <div class="form-group">
                                <label class="control-label col-lg-2">性别</label>
                                <label class="radio-inline">
                                    <input type="radio" name="radio-inline-left" class="styled" ng-model="editUser.sex" value="male" checked="checked">
                                    男
                                </label>

                                <label class="radio-inline">
                                    <input type="radio" name="radio-inline-left" ng-model="editUser.sex" value="female" class="styled">
                                    女
                                </label>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-lg-2">年级</label>
                                <div>
                                    <input type="text" class="form-control"  ng-model="editUser.grade">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-lg-2">邮箱</label>
                                <div>
                                    <input type="text" class="form-control">
                                </div>
                            </div>


                            <div class="form-group">
                                <label class="control-label col-lg-2">电话</label>
                                <div>
                                    <input type="text" class="form-control" ng-model="editUser.phoneNumber">
                                </div>
                            </div>


                        </div>
                    </div>
                    <!-- /options manipulation -->

                </div>

                <div class="col-md-6">

                    <!-- Advanced usage -->
                    <div class="panel panel-flat">
                        <div class="panel-heading">
                            <h5 class="panel-title">其他信息（可选）</h5>
                            <div class="heading-elements">
                                <ul class="icons-list">
                                    <li><a data-action="collapse"></a></li>
                                    <li><a data-action="reload"></a></li>
                                    <li><a data-action="close"></a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="panel-body">

                            <div class="form-group">
                                <label class="control-label col-lg-2">真实姓名</label>
                                <div>
                                    <input type="text" class="form-control"  ng-model="editUser.realName">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-lg-2">专业</label>
                                <div>
                                    <select name="select" class="form-control" ng-model-options="editUser.major">
                                        <option value="opt1">哲学</option>
                                        <option value="opt2">软件工程</option>
                                        <option value="opt3">数学</option>
                                        <option value="opt4">物理</option>
                                        <option value="opt5">基础医学</option>
                                        <option value="opt6">电气工程</option>
                                        <option value="opt7">水利水电</option>
                                        <option value="opt8">信息管理</option>
                                    </select>
                                </div>
                            </div>


                            <div class="form-group">
                                <label class="control-label col-lg-2">摄影风格</label>
                                <div>
                                    <select name="select" class="form-control">
                                        <option value="opt1">Default select height</option>
                                        <option value="opt2">Option 2</option>
                                        <option value="opt3">Option 3</option>
                                        <option value="opt4">Option 4</option>
                                        <option value="opt5">Option 5</option>
                                        <option value="opt6">Option 6</option>
                                        <option value="opt7">Option 7</option>
                                        <option value="opt8">Option 8</option>
                                    </select>
                                </div>
                            </div>


                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-semibold">性格</label>
                                        <div class="row">

                                            <div class="col-md-4">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" class="control-primary" checked="checked">
                                                        温柔
                                                    </label>
                                                </div>

                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" class="control-danger">
                                                        开朗
                                                    </label>
                                                </div>

                                            </div>


                                            <div class="col-md-4">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" class="control-primary">
                                                        豪放
                                                    </label>
                                                </div>

                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" class="control-danger">
                                                        内敛
                                                    </label>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" class="control-warning" checked="checked">
                                                        稳重
                                                    </label>
                                                </div>

                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" class="control-info">
                                                        活泼
                                                    </label>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>


                            <!-- Single object -->
                            <!--
                            <div class="form-group">
                                <label>Single object</label>
                                <select class="selectbox-single-object"></select>
                            </div>
                            -->
                            <!-- /single object -->


                        </div>
                    </div>
                    <!-- /advanced usage -->

                </div>
            </div>
            <!-- /advanced examples -->



            <!-- Footer -->
            <div class="footer text-muted">
                &copy; 2018. <a href="#">Aperture</a> by <a href="http://themeforest.net/user/Kopyov" target="_blank">software team</a>
            </div>
            <!-- /footer -->

        </div>
        <!-- /content area -->

    </div>
    <!-- /main content -->
        </div>
    </div>

</div>